<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:totoland="http://java.sun.com/jsf/composite/components">
    <h:head>
    </h:head>
    <h:body>
        <ui:composition template="/template/etcTemplateGreen.xhtml">

            <ui:define name="content">

                <h:form id="form1">
                    <p:messages id="msgFormMain" closable="true"/>
                    <p:panel header="หน้าหลัก">
                        <p:tabView id="tabView" widgetVar="tabView" dynamic="true" cache="false" activeIndex="0">

                            <p:ajax event="tabChange" listener="#{FormReportMainController.onTabChange}" oncomplete="resetDdl()"/>

                            <p:tab id="tab_TRACKING" title="ติดตามสถานะงาน" rendered="#{formSelectReport.canCreateReport()}">
                                <div style="width: 99%;overflow-x: scroll">
                                    <p:dataTable id="rptTrackerReport" var="item" value="#{FormReportMainController.listReportStatusTracking}"
                                                 paginator="true" rows="10" style="width:1550px" lazy="true"
                                                 currentPageReportTemplate="#{msg.current_pagereport_template}"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="5,10">

                                        <p:column style="width: 130px">
                                            <p:commandButton value="รายละเอียด" icon="ui-icon-search" actionListener="#{formSelectReport.initViewEditReport(item.reportCode,item.reportId,item.reportMonth,item.reportYear)}" update=":form1:include">
                                            </p:commandButton>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="เลขที่เอกสาร" />
                                            </f:facet>
                                            <h:outputText value="#{item.documentNo}" />
                                        </p:column>
                                        <p:column style="width: 320px">
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อรายงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.reportDesc}" />
                                        </p:column>
                                        <p:column style="width: 280px" rendered="#{formSelectReport.userAuthen.userGroupLvl==0}">
                                            <f:facet name="header">
                                                <h:outputText value="กลุ่มผู้ใช้งาน"/>
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="สถานะงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.flowStatusName}"/>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่สร้าง" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.createdDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้สร้าง" />
                                            </f:facet>
                                            <h:outputText value="#{item.createdUserFullName}" />
                                        </p:column>
                                    </p:dataTable>
                                </div>
                            </p:tab>

                            <p:tab id="tab0" title="สร้างรายงาน" rendered="#{formSelectReport.canCreateReport()}">

                                <p:panel header="ระบบรายงานผลการปฏิบัติงานประจำเดือนฯ" style="margin-bottom:10px;">  

                                    <h:panelGrid columns="2" cellpadding="5">
                                        <h:outputLabel value="ระบบรายงานผลการปฏิบัติงาน สนง.กกต." style="width: 350px"/>
                                        <p:selectOneMenu id="ectDll" widgetVar="ectDll" style="width: 350px" value="#{formSelectReport.reportCode}">  
                                            <f:selectItem itemLabel="เลือก" itemValue=""/>  
                                            <f:selectItems itemLabel="#{item.name}" itemValue="#{item.value}" var="item" value="#{formSelectReport.dropdownFactory.ddlDepEct()}"/>
                                            <!--<p:ajax event="change" listener="#{formSelectReport.selectReport()}" update=":form1:include"/>-->
                                        </p:selectOneMenu>
                                        <h:outputLabel value="ประจำเดือน" style="width: 350px"/>
                                        <p:selectOneMenu id="monthDll" widgetVar="monthDll" style="width: 350px" value="#{formSelectReport.reportMonth}">  
                                            <f:selectItem itemLabel="เลือก" itemValue=""/>  
                                            <f:selectItems itemLabel="#{item.name}" itemValue="#{item.value}" var="item" value="#{formSelectReport.dropdownFactory.ddlMonth()}"/>
                                        </p:selectOneMenu>
                                        <h:outputLabel value="ปี" style="width: 350px"/>
                                        <p:selectOneMenu id="yearDll" widgetVar="yearDll" style="width: 350px" value="#{formSelectReport.reportYear}">  
                                            <f:selectItem itemLabel="เลือก" itemValue=""/>  
                                            <f:selectItems itemLabel="#{item.name}" itemValue="#{item.value}" var="item" value="#{formSelectReport.dropdownFactory.ddlFiscalYear()}"/>
                                        </p:selectOneMenu>

                                    </h:panelGrid>

                                    <p:separator />

                                    <p:commandButton value="สร้างรายงาน" actionListener="#{formSelectReport.validateSelectReport()}" update=":form1:msgFormMain"/>


                                </p:panel>
                            </p:tab>
                            <p:tab id="tab_DRAFF" title="รอส่งพิจารณา">
                                <div style="width: 99%;overflow-x: scroll">
                                    <p:dataTable id="rptPreSendList1" var="item" value="#{FormReportMainController.listReportStatusReject}"
                                                 paginator="true" rows="10" style="width: 1680px;" lazy="true" emptyMessage="#{msg.no_data_found}"
                                                 currentPageReportTemplate="#{msg.current_pagereport_template}"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="5,10">

                                        <p:column width="320">
                                            <p:commandButton value="รายละเอียด" icon="ui-icon-search" actionListener="#{formSelectReport.initViewEditReport(item.reportCode,item.reportId,item.reportMonth,item.reportYear)}" update=":form1:include"/>
                                            <p:commandButton value="ส่งพิจารณา" onclick="return confirm('#{msg.confirmation_message_nextflow}')" action="#{FormReportMainController.approve(item.reportCode, item.reportId, 101)}" update=":form1:tabView" icon="ui-icon-check" rendered="#{FormReportMainController.canApprove(item.flowStatusId)}"/>
                                            <p:commandButton value="ลบ" onclick="return confirm('#{msg.confirmation_message_delete}')" action="#{FormReportMainController.delete(item.reportCode, item.reportId)}" update=":form1:tabView" icon="ui-icon-trash" rendered="#{FormReportMainController.canRemove(item.userGroupId,item.reportStatus)}"/>
                                        </p:column>
                                        <p:column width="70">
                                            <f:facet name="header">
                                                <h:outputText value="เลขที่เอกสาร" />
                                            </f:facet>
                                            <h:outputText value="#{item.documentNo}" />
                                        </p:column>

                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อรายงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.reportDesc}" />
                                        </p:column>
                                        <p:column  rendered="#{formSelectReport.userAuthen.userGroupLvl==0}">
                                            <f:facet name="header">
                                                <h:outputText value="กลุ่มผู้ใช้งาน"/>
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="สถานะ" />
                                            </f:facet>
                                            <h:outputText value="#{FormReportMainController.reportStatusName(item.flowStatusId,item.reportStatus)}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="เหตุผล/หมายเหตุ" />
                                            </f:facet>
                                            <h:outputText value="#{item.remark}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="วันที่สร้าง" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.createdDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้สร้าง" />
                                            </f:facet>
                                            <h:outputText value="#{item.createdUserFullName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="วันที่ส่งกลับ" />
                                            </f:facet>

                                            <totoland:convertDateTime value="#{item.rejectedDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้ส่งกลับ" />
                                            </f:facet>
                                            <h:outputText value="#{item.rejectedUserFullName}" />
                                        </p:column>
                                    </p:dataTable>
                                </div>
                            </p:tab>
                            <p:tab id="tab_STEP_1" title="รายงานรอผลพิจารณา (หน.อก.)">
                                <div style="width: 99%;overflow-x: scroll">
                                    <p:dataTable id="rptPreSendList2" var="item" value="#{FormReportMainController.listReportStatusStep1}"
                                                 paginator="true" rows="10" style="width: 2400px" lazy="true"
                                                 currentPageReportTemplate="#{msg.current_pagereport_template}"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="5,10">

                                        <p:column>
                                            <p:commandButton value="รายละเอียด" icon="ui-icon-search" actionListener="#{formSelectReport.initViewEditReport(item.reportCode,item.reportId,item.reportMonth,item.reportYear)}" update=":form1:include"/>
                                            <p:commandButton value="ส่งพิจารณา" onclick="return confirm('#{msg.confirmation_message_nextflow}')" action="#{FormReportMainController.approve(item.reportCode, item.reportId, 102)}" icon="ui-icon-check" rendered="#{FormReportMainController.canApprove(item.flowStatusId)}"/>
                                            <p:commandButton value="#{msg.btn_reject}" actionListener="#{FormReportMainController.initReject(item,0)}" update=":form1:dialogRemark,:form1:tabView" oncomplete="dialogRemark.show()" icon="ui-icon-closethick" rendered="true"/>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="เลขที่เอกสาร" />
                                            </f:facet>
                                            <h:outputText value="#{item.documentNo}" />
                                        </p:column>

                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อรายงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.reportDesc}" />
                                        </p:column>
                                        <p:column  rendered="#{formSelectReport.userAuthen.userGroupLvl==0}">
                                            <f:facet name="header">
                                                <h:outputText value="กลุ่มผู้ใช้งาน"/>
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="สถานะ" />
                                            </f:facet>
                                            <h:outputText value="#{FormReportMainController.reportStatusName(item.flowStatusId,item.reportStatus)}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="เหตุผล/หมายเหตุ" />
                                            </f:facet>
                                            <h:outputText value="#{item.remark}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่สร้าง" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.createdDate}"/>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้สร้าง" />
                                            </f:facet>
                                            <h:outputText value="#{item.createdUserFullName}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่ส่งพิจารณา" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.approvedDate}"/>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้ส่งพิจารณา" />
                                            </f:facet>
                                            <h:outputText value="#{item.approvedUserFullName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="วันที่ส่งกลับ" />
                                            </f:facet>

                                            <totoland:convertDateTime value="#{item.rejectedDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้ส่งกลับ" />
                                            </f:facet>
                                            <h:outputText value="#{item.rejectedUserFullName}" />
                                        </p:column>
                                    </p:dataTable>
                                </div>
                            </p:tab>
                            <p:tab id="tab_STEP_2" title="รายงานรอผลพิจารณา (หน.ส่วนงาน)">
                                <div style="width: 99%;overflow-x: scroll">
                                    <p:dataTable id="rptCompleteList3" var="item" value="#{FormReportMainController.listReportStatusStep2}"
                                                 paginator="true" rows="10" style="width: 1650px" lazy="true"
                                                 currentPageReportTemplate="#{msg.current_pagereport_template}"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="5,10">

                                        <p:column >
                                            <p:commandButton value="รายละเอียด" icon="ui-icon-search" actionListener="#{formSelectReport.initViewEditReport(item.reportCode,item.reportId,item.reportMonth,item.reportYear)}" update=":form1:include"/>
                                            <p:commandButton value="ส่งพิจารณา" onclick="return confirm('#{msg.confirmation_message_nextflow}')" actionListener="#{FormReportMainController.approve(item.reportCode, item.reportId, 103)}" update=":form1:msgFormMain" icon="ui-icon-check" rendered="#{FormReportMainController.canApprove(item.flowStatusId)}"/>                                        
                                            <p:commandButton value="#{msg.btn_reject}" actionListener="#{FormReportMainController.initReject(item,101)}" update=":form1:dialogRemark,:form1:tabView" oncomplete="dialogRemark.show()" icon="ui-icon-closethick" rendered="#{FormReportMainController.canReject(item.flowStatusId)}"/>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="เลขที่เอกสาร" />
                                            </f:facet>
                                            <h:outputText value="#{item.documentNo}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อรายงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.reportDesc}" />
                                        </p:column>
                                        <p:column rendered="#{formSelectReport.userAuthen.userGroupLvl==0}">
                                            <f:facet name="header">
                                                <h:outputText value="กลุ่มผู้ใช้งาน"/>
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="สถานะ" />
                                            </f:facet>
                                            <h:outputText value="#{FormReportMainController.reportStatusName(item.flowStatusId,item.reportStatus)}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="เหตุผล/หมายเหตุ" />
                                            </f:facet>
                                            <h:outputText value="#{item.remark}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="วันที่สร้าง" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.createdDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้สร้าง" />
                                            </f:facet>
                                            <h:outputText value="#{item.createdUserFullName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="วันที่ส่งพิจารณา" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.approvedDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้ส่งพิจารณา" />
                                            </f:facet>
                                            <h:outputText value="#{item.approvedUserFullName}" />
                                        </p:column>
                                    </p:dataTable>
                                </div>
                            </p:tab>
                            <p:tab id="tab_STEP_3" title="รายงานรอผลพิจารณา (ส่วนกลาง)">
                                <div style="width: 99%;overflow-x: scroll">
                                    <p:dataTable id="rptCompleteList4" var="item" value="#{FormReportMainController.listReportStatusStep3}"
                                                 paginator="true" rows="10" style="width: 1550px" lazy="true"
                                                 currentPageReportTemplate="#{msg.current_pagereport_template}"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="5,10">

                                        <p:column >
                                            <p:commandButton value="รายละเอียด" icon="ui-icon-search" actionListener="#{formSelectReport.initViewEditReport(item.reportCode,item.reportId,item.reportMonth,item.reportYear)}" update=":form1:include"/>
                                            <p:commandButton value="#{msg.btn_approve}" onclick="return confirm('#{msg.confirmation_message_approve}')" actionListener="#{FormReportMainController.approve(item.reportCode, item.reportId, 200)}" update=":form1:msgFormMain" icon="ui-icon-check" rendered="#{FormReportMainController.canApprove(item.flowStatusId)}"/>                                        
                                            <p:commandButton value="#{msg.btn_reject}" actionListener="#{FormReportMainController.initReject(item,0)}" update=":form1:dialogRemark,:form1:tabView" oncomplete="dialogRemark.show()" icon="ui-icon-closethick" rendered="#{FormReportMainController.canReject(item.flowStatusId)}"/>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="เลขที่เอกสาร" />
                                            </f:facet>
                                            <h:outputText value="#{item.documentNo}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="หน่วยงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อรายงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.reportDesc}" />
                                        </p:column>
                                        <p:column rendered="#{formSelectReport.userAuthen.userGroupLvl==0}">
                                            <f:facet name="header">
                                                <h:outputText value="กลุ่มผู้ใช้งาน"/>
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="สถานะ" />
                                            </f:facet>
                                            <h:outputText value="#{FormReportMainController.reportStatusName(item.flowStatusId,item.reportStatus)}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่สร้าง" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.createdDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้สร้าง" />
                                            </f:facet>
                                            <h:outputText value="#{item.createdUserFullName}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่ส่งพิจราณา" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.approvedDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้ส่งพิจราณา" />
                                            </f:facet>
                                            <h:outputText value="#{item.approvedUserFullName}" />
                                        </p:column>
                                    </p:dataTable>
                                </div>
                            </p:tab>
                            <p:tab id="tab_APPROVED" title="รายงานที่อนุมัติแล้ว">
                                <div style="width: 99%;overflow-x: scroll">
                                    <p:dataTable id="rptCompleteList5" var="item" value="#{FormReportMainController.listReportStatusApprove}"
                                                 paginator="true" rows="10" style="width:1550px" lazy="true"
                                                 currentPageReportTemplate="#{msg.current_pagereport_template}"
                                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                                 rowsPerPageTemplate="5,10">

                                        <p:column >
                                            <p:commandButton value="รายละเอียด" icon="ui-icon-search" actionListener="#{formSelectReport.initViewEditReport(item.reportCode,item.reportId,item.reportMonth,item.reportYear)}" update=":form1:include">
                                            </p:commandButton>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="เลขที่เอกสาร" />
                                            </f:facet>
                                            <h:outputText value="#{item.documentNo}" />
                                        </p:column>
                                        <p:column >
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อรายงาน" />
                                            </f:facet>
                                            <h:outputText value="#{item.reportDesc}" />
                                        </p:column>
                                        <p:column rendered="#{formSelectReport.userAuthen.userGroupLvl==0}">
                                            <f:facet name="header">
                                                <h:outputText value="กลุ่มผู้ใช้งาน"/>
                                            </f:facet>
                                            <h:outputText value="#{item.userGroupName}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่สร้าง" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.createdDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้สร้าง" />
                                            </f:facet>
                                            <h:outputText value="#{item.createdUserFullName}" />
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="วันที่อนุมัติ" />
                                            </f:facet>
                                            <totoland:convertDateTime value="#{item.approvedDate}">

                                            </totoland:convertDateTime>
                                        </p:column>
                                        <p:column>
                                            <f:facet name="header">
                                                <h:outputText value="ชื่อผู้อนุมัติ" />
                                            </f:facet>
                                            <h:outputText value="#{item.approvedUserFullName}" />
                                        </p:column>
                                    </p:dataTable>
                                </div>
                            </p:tab>
                            <style>
                                .art-layout-cell {
                                    display: inline;
                                    vertical-align: top;
                                }
                                .ui-panelgrid td {
                                    border-color: inherit;
                                    border-style: inherit;
                                    border-width: 1px;
                                    padding: 4px 10px;
                                }
                            </style>
                        </p:tabView>

                    </p:panel>

                    <!-- Dialog Reason -->
                    <p:dialog id="dialogRemark" header="เหตุผลไม่ผ่านการพิจารณา" widgetVar="dialogRemark" resizable="false" modal="true">  
                        <p:messages id="remarkMsg"/>
                        <p:panelGrid columns="2">  
                            <h:outputLabel for="remark" value="เหตุผล:" />  
                            <p:inputTextarea value="#{FormReportMainController.remark}" id="remark" label="remark" />  
                            <f:facet name="footer">  
                                <p:commandButton id="btSaveReject" value="#{msg.btn_save}" update=":form1:msgFormMain,remarkMsg,tabView"   
                                                 actionListener="#{FormReportMainController.reject(actionEvent)}">
                                </p:commandButton>
                            </f:facet>  
                        </p:panelGrid>
                    </p:dialog>

                    <!-- Include Report Create-->
                    <h:panelGroup id="include">

                    </h:panelGroup>

                    <p:commandButton value="" id="notifyTasks" style="display:none" action="#{FormReportMainController.goToUserTab()}" oncomplete="notifyTask.hide()">  
                        <p:confirm header="#{msg.notify}" message="#{FormReportMainController.notifyTaskMsg}" icon="ui-icon-alert"/>
                    </p:commandButton>

                    <p:confirmDialog widgetVar="notifyTask" header="แจ้งเตือน" global="true" showEffect="fade" hideEffect="explode">
                        <p:commandButton value="แสดง" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>
                        <p:commandButton value="ปิด" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" onclick="selectTab('tab_TRACKING')"/>    
                    </p:confirmDialog>

                    <!-- Include Report Edit-->
                    <h:panelGroup id="includeEdit">
                        <p:dialog id="dialogEdit" header="แสดงข้อมูล" widgetVar="dialogEdit" resizable="true" height="500" width="1100" modal="true">
                            <div id="divFrmEdit" style="width: 99%; height: 70vh;">
                            </div> 
                            
                        </p:dialog>
                    </h:panelGroup>
                    <p:remoteCommand name="loadReportTracking" update="tabView" action="#{FormReportMainController.loadReportTracking()}">
                    </p:remoteCommand>
                </h:form>
                <script>
                                                //<![CDATA[
                                                function resetDdl() {
                                                    try {
                                                        ectDll.selectValue("");
                                                    } catch (err) {
                                                        setTimeout(function() {
                                                            resetDdl();
                                                        }, 100);
                                                    }
                                                }
                                                $(function() {
                                                    resetDdl();

                                                    if (getParameterByName("firstLogin") != null && getParameterByName("firstLogin") != "" && ${FormReportMainController.userAuthen.userGroupLvl!=0}) {
                                                        $("#form1\\:notifyTasks").click();
                                                    }
                                                    
                                                    loadReportTracking();
                                                });

                                                function selectTab(tab) {

                                                }
                                                //]]>
                </script>

            </ui:define>
        </ui:composition>
    </h:body>
</html>